/**
 * Created by Freeman on 2016/8/3.
 */
import React, {PropTypes} from 'react'
import {Link} from 'react-router'
const Sidebar = (props) => {

    return (
        <div className="col-sm-3 sidebar-box">
            <div className="cover-img" style={{backgroundImage: 'url(' + props.indexImg + ')' }}></div>
            <div className="bottom-block">
                <h1>简书</h1>
                <h3>交流故事，沟通想法</h3>
                <h3>一个基于内容分享的社区</h3>
                <Link className="btn btn-lg btn-success" style={{color:'#fff'}} title="提笔写篇文章" to="/writer">
                    提笔写篇文章
                </Link>
            </div>
        </div>
    )
};

Sidebar.propTypes = {
    indexImg:PropTypes.string.isRequired
};

export default Sidebar;